{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="/static/merchant/pc/css/store_set.css">
<div class="main_div">
                        <div class="ty_box yongjin">
                            <div class="d_ty_head">
                                <b class="e_d_t_title">自营商品投诉<span>Complaint List</span></b>
                                <div class="e_d_div">
                                    
                                    
                                    
                                    <style>.minbox-title-right .cdtion{
	height:40px;
	display:flex;
	align-items:center;
	padding:5px;
	border:1px solid #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-left: 10px;
}
.minbox-title-right .cdtion span{
	display:block;
	height:28px;
	line-height:28px;
	padding:0 20px;
	margin-left: 10px;
	color: #adafb5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}</style>

            <div>
                
                <a href="/merchant/complaint/index" class="ty_l_btn">自营投诉</a>
               <!-- <span class="split">|</span>-->
                <a href="/merchant/docking/childrenProxyComplaint" class="ty_l_btn">下级投诉</a>
               <!-- <span class="split" >|</span>-->
                <a href="/merchant/docking/myProxyComplaint" class="ty_l_btn">对接投诉</a>
            </div>
                    <a id="tousu" ><span style="padding-left: 5px;" class="ty_l_btn ty_l_delete delbtn">处罚规则</span></a>

                                </div>
                            </div>
                            <ul class="ty_b_list">
                                <li class="ty_l_head">
                                    <div class="ty_l_d2" style="width: 12.5%">投诉订单</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">投诉类型</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">投诉说明</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">QQ</div>
									<div class="ty_l_d2"  style="width: 12.5%">手机</div>
									<div class="ty_l_d2"  style="width: 12.5%">投诉处理状态</div>
									<div class="ty_l_d2"  style="width: 12.5%">投诉时间</div>
									<div class="ty_l_d2"  style="width: 12.5%">操作</div>
                                </li>
								{foreach $complaints as $v}
								<li class="ty_l_li">
									<div class="ty_l_d2" style="width: 12.5%">{$v.trade_no}</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">{$v.type|default="未指定"}</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">{$v.desc}</div>
                                    <div class="ty_l_d2"  style="width: 12.5%">{$v.qq}</div>
									<div class="ty_l_d2"  style="width: 12.5%">{$v.mobile}</div>
									<div class="ty_l_d2"  style="width: 12.5%">{if $v.status==0}处理中{elseif $v.status==1}已处理{elseif $v.status == -1}已撤销{/if}</div>
									<div class="ty_l_d2"  style="width: 12.5%">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									<div class="ty_l_d2"  style="width: 12.5%"><a class="ty_l_btn ty_l_delete delbtn" href="javascript:void(0);" onclick="detail(this,'{$v.id}')">沟通处理</a></div>
                                </li>
								
								{/foreach}
                             </ul>
                            <div class="ty_b_footer">
 <style>
.pagination li{
	float: left; 
	margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #c1c1ca;
    letter-spacing: 1px;
	cursor: pointer;
    border-radius: 2px;}
.pagination li:hover,
.pagination li.active {
    background-color: #9599f9;
    color: #fff;	
}
.pagination li.disabled {
    display: none;
}	 
</style>             
            <div id="page" class="page_div">
                {$page}
            </div>
                                    </div>
                        </div>
                    </div>
<script>
$(function(){
	$(".page li").click(function(){
		window.location=$(this).children('a').attr("href");
	});
})
function detail(obj,id){

	    layer.open({

            type: 2,

            content: "{:url('Merchant/Complaint/detail')}?id=" + id,

			area:['80%','80%']

		})

	}	
function change_status(obj,id)
	{
		var status=$(obj).prop('checked');
		if(status){
			status=1;
		}else{
			status=0;
		}
		$.post('/merchant/message/changeStatus',{
			id:id,
			status:status
		},function(res){
			if(res.code!=0){
				alert(res.msg);
			}
		});
	}

	function del(obj,id)
	{
		swal({
			title: "确定删除吗？",
			text: "你将无法恢复该操作！",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#DD6B55",
			confirmButtonText: "确定删除！",
			closeOnConfirm: false
		},
		function(){
			$.post('/merchant/message/del',{
				id:id
			},function(res){
				if(res.code!=0){
					swal('删除失败', res.msg, "error");
				}else{
					swal('删除成功', '', "success");
					setTimeout(function(){
						location.reload();
					},200);
				}
			});
		});
	}	
</script>
<script>

$('#tousu').on('click', function(){
  layer.open({
    type: 2,
    title: '投诉公告',
    maxmin: true,
    area: ['40%', '62%'],
    content: '/static/tousu.html',
  });
});

</script>
{/block}